examples/draw/Rotate Text.html

   1 <html>
   2 <head>
   3     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   4     <title>Rotating Text with a Draw Component</title>
   5     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   6     <script type="text/javascript" src="../../bootstrap.js"></script>
   7     <script type="text/javascript" src="RotateText.js"></script>
   8     <link rel="stylesheet" type="text/css" href="../shared/example.css" />
   9 </head>
  10     <body>
  11         <h1>Rotating Text with a Draw Component</h1>
  12         <p>
  13             In this example, you can see how easy it is to create text in a Draw Component which can be rotated easily in any browser. Use the slider to spin the text 360 degrees.<a href="RotateText.js">View Source</a>.
  14         </p>
  15         <p>
  16             See our introductory blog post on the topic <a href="http://www.sencha.com/blog/ext-js-4-drawing-charting">here</a>.
  17         </p>
  18         <br>
  19         <div id='slider-ph'></div>
  20         <div id='text-ph'></div>
  21     </body>
  22 </html>